<template>
  <!-- 页面需求：进入页面，页面内部有一个inpu框，让input框自动聚焦，然后方便用户输入内容 -->
  <div>
    <h1>搜索页面</h1>
    <input v-focus />
  </div>
</template>
<script>
// 定义数据，实现效果
// 操作input dom节点的一个效果
// 借助自定义指令，因为自定义指令，底层往往都是用来操作dom元素的
export default {
  data() {
    return {}
  },
  // d定义局部自定义指令，v- ...
  // directives: {
  //   focus: {
  //     // 指令的定义 - 钩子函数
  //     inserted: function (el) {
  //       console.log('el:', el)
  //       el.focus() // 聚焦
  //     },
  //   },
  // },
}
</script>
